<!DOCTYPE html>
<html lang="en">
<head>
    <block name="css">
        <link href="__STATIC__/Dealer/css/calendarAll.css" rel="stylesheet" type="text/css"/>
        <link href="__STATIC__/Dealer/css/skin.css" rel="stylesheet" type="text/css"/>
        <link href="__STATIC__/Dealer/css/fontSize12.css" rel="stylesheet" type="text/css"/>
        <link href="__STATIC__/Dealer/css/calendar.css" rel="stylesheet" type="text/css"/>
        <style>
            .btn {
                display: inline-block;
                color: #FFF !important;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
                background-image: none !important;
                border: 5px solid #FFF;
                border-radius: 0;
                box-shadow: none !important;
                -webkit-transition: all ease .15s;
                transition: all ease .15s;
                cursor: pointer;
                vertical-align: middle;
                margin: 0;
                position: relative;
            }

            .btn-primary {
                color: #fff;
                background-color: #428bca;
                border-color: #357ebd;
            }

            .btn-primary:hover, .open .btn-primary.dropdown-toggle {
                background-color: #1b6aaa !important;
                border-color: #428bca;
            }
            body{background:#fff;}
        </style>
    </block>
</head>
<body>
<block name="content">
    <div ">


        <div id="myrl" style="width:820px; margin-left:auto; margin-right:auto; ">
            <TABLE class="biao" width="800">
                <TBODY>
                <TR>
                    <TD class="calTit" colSpan=7 style="height:30px;padding-top:3px;text-align:center;">

                        <a href="#" title="上一年" id="nianjian" class="ymNaviBtn lsArrow"></a>
                        <a href="#" title="上一月" id="yuejian" class="ymNaviBtn lArrow"></a>

                        <div style="width:250px; float:left; padding-left:230px;">
                                            <span id="dateSelectionRili" class="dateSelectionRili"
                                                  style="cursor:hand;color: white; border-bottom: 1px solid white;"
                                                  onclick="dateSelection.show()">
											<span id="nian" class="topDateFont"></span><span
                                                    class="topDateFont">年</span><span id="yue"
                                                                                      class="topDateFont"></span><span
                                                    class="topDateFont">月</span>
											<span class="dateSelectionBtn cal_next"
                                                  onclick="dateSelection.show()">▼</span></span> &nbsp;&nbsp;<font id=GZ
                                                                                                                   class="topDateFont"></font>
                        </div>

                        <!--新加导航功能-->
                        <div style="left: 250px; display: none;" id="dateSelectionDiv">
                            <div id="dateSelectionHeader"></div>
                            <div id="dateSelectionBody">
                                <div id="yearList">
                                    <div id="yearListPrev" onclick="dateSelection.prevYearPage()">&lt;</div>
                                    <div id="yearListContent"></div>
                                    <div id="yearListNext" onclick="dateSelection.nextYearPage()">&gt;</div>
                                </div>
                                <div id="dateSeparator"></div>
                                <div id="monthList">
                                    <div id="monthListContent"><span id="SM0" class="month"
                                                                     onclick="dateSelection.setMonth(0)">1</span><span
                                            id="SM1" class="month" onclick="dateSelection.setMonth(1)">2</span><span
                                            id="SM2" class="month" onclick="dateSelection.setMonth(2)">3</span><span
                                            id="SM3" class="month" onclick="dateSelection.setMonth(3)">4</span><span
                                            id="SM4" class="month" onclick="dateSelection.setMonth(4)">5</span><span
                                            id="SM5" class="month" onclick="dateSelection.setMonth(5)">6</span><span
                                            id="SM6" class="month" onclick="dateSelection.setMonth(6)">7</span><span
                                            id="SM7" class="month" onclick="dateSelection.setMonth(7)">8</span><span
                                            id="SM8" class="month" onclick="dateSelection.setMonth(8)">9</span><span
                                            id="SM9" class="month"
                                            onclick="dateSelection.setMonth(9)">10</span><span
                                            id="SM10" class="month"
                                            onclick="dateSelection.setMonth(10)">11</span><span
                                            id="SM11" class="month curr"
                                            onclick="dateSelection.setMonth(11)">12</span>
                                    </div>
                                    <div style="clear: both;"></div>
                                </div>
                                <div id="dateSelectionBtn">
                                    <div id="dateSelectionTodayBtn" onclick="dateSelection.goToday()">今天</div>
                                    <div id="dateSelectionOkBtn" onclick="dateSelection.go()">确定</div>
                                    <div id="dateSelectionCancelBtn" onclick="dateSelection.hide()">取消</div>
                                </div>
                            </div>
                            <div id="dateSelectionFooter"></div>
                        </div>
                        <a href="#" id="nianjia" title="下一年" class="ymNaviBtn rsArrow" style="float:right;"></a>
                        <a href="#" id="yuejia" title="下一月" class="ymNaviBtn rArrow" style="float:right;"></a>
                        <!--	<a id="jintian" href="#" title="今天" class="btn" style="float:right; margin-top:-2px; font-size:12px; text-align:center;">今天</a>-->

                    </TD>
                </TR>
                <TR class="calWeekTit" style="font-size:12px; height:20px;text-align:center;">
                    <TD width="100" class="red">星期日</TD>
                    <TD width="100">星期一</TD>
                    <TD width="100">星期二</TD>
                    <TD width="100">星期三</TD>
                    <TD width="100">星期四</TD>
                    <TD width="100">星期五</TD>
                    <TD width="100" class="red">星期六</TD>
                </TR>
                <SCRIPT language="JavaScript">

                    var gNum;
                    for (var i = 0; i < 6; i++) {
                        document.write('<tr style="table-layout:fixed" align=center height="50" id="tt">');
                        for (var j = 0; j < 7; j++) {
                            gNum = i * 7 + j;
                            <!--onMouseOver="mOvr(this,' + gNum + ');"  onMouseOut="mOut(this);"-->
                            document.write('<td  id="GD' + gNum + '" on="0" ><font id="SD' + gNum + '" style="font-size:22px;"  face="Arial"');
                            if (j == 0) document.write('color=red');
                            if (j == 6)
                                document.write('color=red');
                            document.write('  TITLE="">  </font><br><font  id="LD' + gNum + '"  size=2  style="white-space:nowrap;overflow:hidden;cursor:default;">  </font></td>');
                        }
                        document.write('</tr>');
                    }
                </SCRIPT>
                </tbody>
            </TABLE>
            <table  width="800" style="margin-top: 10px;clear: both">
                <tr>
                    <td >
                        <div id="holiday" class="cc" style="clear: both;">
                            <p  id="setholiday"><span>你选择的日期为:</span></p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <button onclick="choseOk();" class="btn btn-primary" style="height:35px;line-height: 25px;">
                            已经选择好
                        </button>
                    </td>
                </tr>
            </table>
            <table  width="800" style="margin-top: 10px; height:80px;clear: both">
                <tr>
                    <td style="border:none;">

                    </td>
                </tr>
            </table>
        </div>

    </div>

</block>
<block name="js">
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__STATIC__/layer/layer.js"></script>
    <script type="text/javascript" src="__STATIC__/Dealer/js/calendar_3.js"></script>
    <script>
        var choseArr = [];
        function allChose() {
            choseArr = [];
            $('.date').each(function () {
                choseArr.push($(this).attr('id'));
            })
            console.log(choseArr);
        }

        function choseOk() {
            if (choseArr.length <= 0) {
                layer.msg('请选择日期!');
                return;
            }
            parent.callbackForumTime(choseArr.join(','));
        }

    </script>
</block>
